<template>
  <div
  class="crumbbox">
  <template v-for="(item,index) in navs">
    <a href="#" :key="index">{{item.name}}</a>
    <template v-if="index<navs.length-1"> /</template>
  </template>
  </div>
</template>

<script>
export default {
props:['navs']
}
</script>

<style lang="less" scoped>
.crumbbox{
  line-height: 40px;
  a{
    text-decoration: none;
    font-size: 16px;
    color: #333;
  }
}
</style>